<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../bootstrap-4.5.3/css/bootstrap.css" />
    <link rel="stylesheet" href="../css/common.css">
</head>
<body>
     <!-- 面包屑 -->
     <div class="my-breadcrumb">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="#">首页</a></li>
                <li class="breadcrumb-item"><a href="#">用户管理</a></li>
                <li class="breadcrumb-item active">在线人数</li>
            </ol>
        </nav>
    </div>
    <div class="my-button">
        <!-- 按钮 -->
        <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#addOrEdit">新增用户</button>
    </div>
    <div class="my-table">
        <!-- 表格 -->
        <table class="table table-bordered table-hover ">
            <thead class="thead-dark">
                <tr>
                    <th>用户id</th>
                    <th>姓名</th>
                    <th>地址</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>1001</td>
                    <td>小明</td>
                    <td>南京市</td>
                    <td>
                        <button class="btn btn-success btn-sm " data-toggle="modal"
                            data-target="#addOrEdit">修改</button>
                        <button class="btn btn-danger btn-sm ">删除</button>
                    </td>
                </tr>
                <tr>
                    <td>1001</td>
                    <td>小明</td>
                    <td>南京市</td>
                    <td>
                        <button class="btn btn-success btn-sm " data-toggle="modal"
                            data-target="#addOrEdit">修改</button>
                        <button class="btn btn-danger btn-sm ">删除</button>
                    </td>
                </tr>
                <tr>
                    <td>1001</td>
                    <td>小明</td>
                    <td>南京市</td>
                    <td>
                        <button class="btn btn-success btn-sm " data-toggle="modal"
                            data-target="#addOrEdit">修改</button>
                        <button class="btn btn-danger btn-sm ">删除</button>
                    </td>
                </tr>
                <tr>
                    <td>1001</td>
                    <td>小明</td>
                    <td>南京市</td>
                    <td>
                        <button class="btn btn-success btn-sm " data-toggle="modal"
                            data-target="#addOrEdit">修改</button>
                        <button class="btn btn-danger btn-sm ">删除</button>
                    </td>
                </tr>
                <tr>
                    <td>1001</td>
                    <td>小明</td>
                    <td>南京市</td>
                    <td>
                        <button class="btn btn-success btn-sm " data-toggle="modal"
                            data-target="#addOrEdit">修改</button>
                        <button class="btn btn-danger btn-sm ">删除</button>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    <div class="my-page">
        <!-- 分页 -->
        <nav class="float-right">
            <ul class="pagination">
                <li class="page-item"><a class="page-link" href="#">上一页</a></li>
                <li class="page-item"><a class="page-link" href="#">1</a></li>
                <li class="page-item"><a class="page-link" href="#">2</a></li>
                <li class="page-item"><a class="page-link" href="#">3</a></li>
                <li class="page-item"><a class="page-link" href="#">下一页</a></li>
            </ul>
        </nav>
    </div>

</body>
</html>